<template>
  <div>
    <el-tabs type="border-card" style="min-height: 80vh" v-if="+pageStatus === 0">
      <el-tab-pane label="在保项目">
        <list-cmpt @success="getRecord"></list-cmpt>
      </el-tab-pane>
      <el-tab-pane label="逾期项目">
        <loan-end-date></loan-end-date>
      </el-tab-pane>
      <el-tab-pane label="代偿项目">
        <re-repay-loan></re-repay-loan>
      </el-tab-pane>
      <el-tab-pane label="解保记录">
        <finish-record ref="record"></finish-record>
      </el-tab-pane>
      <el-tab-pane label="展期（延期）">
        <loan-period channel-type="1" is-rural-dev="1"></loan-period>
      </el-tab-pane>
      <el-tab-pane label="无还本续贷">
        <loan-continue channel-type="1" is-rural-dev="1"></loan-continue>
      </el-tab-pane>
    </el-tabs>
    <loan-end-date v-else></loan-end-date>
  </div>
</template>

<script>
import ListCmpt from '@/bank/views/business/industry/new/postloan/List'
import FinishRecord from '@/bank/views/business/industry/new/postloan/FinishRecord'
import LoanEndDate from '@/bank/views/business/industry/new/postloan/LoanEndDate'
import ReRepayLoan from '@/bank/views/business/industry/new/postloan/ReRepayLoan'
import LoanPeriod from '@/bank/views/business/limit/history/postloan/LoanPeriod'
import LoanContinue from '@/bank/views/business/limit/history/postloan/LoanContinue'
export default {
  components: {
    ListCmpt,
    FinishRecord,
    LoanEndDate,
    ReRepayLoan,
    LoanPeriod,
    LoanContinue,
  },
  props: {},
  data() {
    return {}
  },
  computed: {
    pageStatus() {
      return this.$route.query.status || ''
    },
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {
    getRecord() {
      this.$refs.record.getData()
    },
  },
}
</script>

<style lang="scss" scoped></style>
